<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../common/css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.my.css" />
		<link rel="stylesheet" type="text/css" href="../common/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css" />
		<link rel="stylesheet" type="text/css" href="dist/lib/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../common/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<script src="//cdn1.lncld.net/static/js/2.1.2/av-min.js"></script>
		<script src="../common/js/vue.js"></script>
	</head>

	<body>
		<div class="shopdivhide" v-if="shows==true" :class="{active:isa,active1:isb}">
			<div class="TopDiv">
				<div class="TopDiv-1" v-on:click="cliks">
					&lt;
				</div>
				<div class="TopDiv-2">
				账户信息	
				</div>
			</div>
			<div class="img">
				<div class="img1">
					头像
				</div>
				<div class="img2">
					<img src=""/>
				</div>
			</div>
			<div class="name">
				<div class="name1" >
				用户名
				</div>
				<div class="name2" v-html="id">
				</div>
			</div>
			<div class="div1">
				账号绑定
			</div>
			<div class="name">
				<div class="name1">
				手机
				</div>
				<div class="name2" v-html="name">
				</div>
			</div>
			<div class="div1">
				安全设置
			</div>
			<div class="name">
				<div class="name1">
				密码
				</div>
				<div class="name2">
					修改密码
				</div>
			</div>
			<div class="divinp" v-on:click="tui">
				退出登录
			</div>
		</div>
		<div class="divmy" >
			<div class="TopDiv">
				<div class="TopDiv-1" v-on:click="back">
					&lt;
				</div>
				<div class="TopDiv-2">
					我的
				</div>
			</div>
			<div class="mainDiv" style="margin-top: 4.58rem;">
				<div class="mainDiv-top">
					<div class="mainDiv-top-1" v-on:click="clik"></div>
					<div class="mainDiv-top-2" >
						<div class="mainDiv-top-02" v-if="state==true" v-html="id">
							
						</div>
						<div class="mainDiv-top-02" v-if="state==false">
							登录/注册
						</div>
						<div class="mainDiv-top-02" v-if="state==true">
							<span class="glyphicon glyphicon-phone"></span><span v-html="name"></span>
						</div>
						<div class="mainDiv-top-02" v-if="state==false">
							<span class="glyphicon glyphicon-phone"></span> 登录后享受更多特权
						</div>
					</div>
				</div>
				<div class="mainDiv-balance">
					<div class="mainDiv-balance-1">
						<p class="p1"><span class="mainDiv-balance-span">
						0.00
					</span>元</p>
						<p>余额</p>
					</div>
					<div class="mainDiv-balance-1">
						<div class="mainDiv-balance-1">
							<p class="p1"><span class="mainDiv-balance-span">
						0
					</span>个</p>
							<p>优惠</p>
						</div>
					</div>
					<div class="mainDiv-balance-1">
						<div class="mainDiv-balance-1">
							<p class="p1"><span class="mainDiv-balance-span">
						0
					</span>分</p>
							<p>积分</p>
						</div>
					</div>
				</div>
				<div class="mainDiv-margin"></div>

				<div class="weui-cells" v-on:click="order">
					<a class="weui-cell weui-cell_access" href="javascript:;">
						<div class="weui-cell__bd">
							<p>
								<span class="glyphicon glyphicon-list-alt"></span> 我的订单
							</p>
						</div>
						<div class="weui-cell__ft">
						</div>
					</a>
				</div>
				<div class="weui-cells">
					<a class="weui-cell weui-cell_access" href="javascript:;">
						<div class="weui-cell__bd">
							<p>
								<span class="glyphicon glyphicon-grain"></span> 服务中心
							</p>
						</div>
						<div class="weui-cell__ft">
						</div>
					</a>
				</div>
			</div>
			<div class="footDiv">
				<div class="divFoot">
					<a href="../index.buy/index.html">
						<p class="p1"><span class="glyphicon glyphicon-phone-alt"></span></p>
						<p class="p2">外卖</p>
					</a>
				</div>
				<div class="divFoot">
					<a href="../index.find/index.find.html">
						<p class="p1"><span class="glyphicon glyphicon-eye-open"></span></p>
						<p class="p2">发现</p>
					</a>
				</div>
				<div class="divFoot">
					<a href="../index.order/index.order.html">
						<p class="p1"><span class="glyphicon glyphicon-list-alt"></span></p>
						<p class="p2">订单</p>
					</a>
				</div>
				<div class="divFoot">
					<a href="index.my.html">
						<p class="p1"><span class="glyphicon glyphicon-user"></span></p>
						<p class="p2">我的</p>
					</a>
				</div>
			</div>
		</div>
		<script src="../common/js/jquery-1.11.0.min.js"></script>
		<script src="dist/js/jquery-weui.min.js"></script>
		<script src="js/new_file.js"></script>
		<script src="../common/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<script src="js/index.my.js"></script>
	</body>

</html>